<template>
  <el-card class="box-card aqsz2">
            <div slot="header" class="clearfix">
              <span>修改密码</span>
            </div>
            <el-form
              ref="form"
              :model="form"
              label-width="100px"
              style="width: 60%"
            >
              <el-form-item label="旧密码">
                <el-input
                  v-model="form.oldPassword"
                  placeholder="请输入旧密码"
                  show-password
                ></el-input>
              </el-form-item>
              <el-form-item label="新密码">
                <el-input
                  v-model="form.newPassword"
                  placeholder="请输入新密码"
                  show-password
                ></el-input>
              </el-form-item>
              <el-form-item label="确认密码">
                <el-input
                  v-model="form.confirmPassword"
                  placeholder="请输入密码"
                  show-password
                ></el-input>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="changePassword">修改密码</el-button>
              </el-form-item>
            </el-form>
          </el-card>
</template>

<script>
  export default {
    name: 'Security',
    components: {},
    data() {
      return {
        form:{
          oldPassword: "",
          newPassword: "",
          confirmPassword: "",
        }
      };
    },
    created() {},
    methods: {
      changePassword(){
        console.log('点击了修改密码');
      },
    }, 
  };
</script>
<style lang="scss" scoped>


</style>